<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<script src="../../js/mui.min.js"></script>
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/share/common.css" />
		<style>
			body,
			.mui-content {
				background: #fff;
			}
			
			.con {
				text-align: center;
				padding: 7px 0 0 0;
				font-size: 13px;
			}
			
			.con img {
				width: 122px;
				vertical-align: middle;
			}
			
			.step {
				width: 100%;
				padding: 0 14px;
			}
			
			ul li {
				width: 25%;
				float: left;
				text-align: center;
				font-size: 13px;
				color: #4C4C4C;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left header-left"></a>
			<h1 class="mui-title">购物指南</h1>
		</header>
		<div class="mui-content">
			
			<div class="con"><img src="../../image/shopping/guide.png">
				<div class="way">方案一</div>
			</div>
			<img class="step" src="../../image/shopping/fa1.png" />
			<ul>
				<li>加关注</li>
				<li>进圈子</li>
				<li>找商品</li>
				<li style="text-indent: 15px;">购物</li>
			</ul>
			<div class="con" style="margin-top: 40px;"><img src="../../image/shopping/guide.png">
				<div class="way">方案二</div>
			</div>
			<img class="step" src="../../image/shopping/fz2.png" />
			<ul>
				<li>找商品<br>(品牌)</li>
				<li>加关注</li>
				<li>进圈子</li>
				<li style="text-indent: 15px;">购物</li>
			</ul>
		</div>
	</body>

</html>